<template>
	<div v-bind:style="{marginLeft: marginLeftVal}" class="app-content">
		<router-view></router-view>
	</div>
</template>

<script>
	
	import $ from 'jquery'
	
	export default {
		name: "app-content",
		computed:{
			marginLeftVal: function(){
				return this.$store.state.menuState === 'open' ? '9.375rem' : '0rem'
			}
		}
	}
</script>

<style>
	.app-content{
		position: absolute;
		right: 0.125rem;
		left: 0rem;
		background-color: #f9f9f9;
		padding: 0.3125rem 0.1875rem 0.3125rem 0.1875rem;
	}
	
</style>
